<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>超市账单管理系统</title>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">
.pages a {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #666666;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin: 10px 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	text-decoration: none;
	cursor: pointer;
}

.pages span {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #666666;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin: 10px 4px;
}

/* .pages {
	position: fixed;
	right: 30px;
	bottom: 60px;
} */
</style>

</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市账单管理系统</h1>

		<div class="publicHeaderR">
			<p>
				<span>下午好！</span><span style="color: #fff21b"> Admin</span> , 欢迎你！
			</p>
			<a href="login.html">退出</a>
		</div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>功能列表 <span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="bill-getBillList.do">账单管理</a></li>
					<li id="active"><a href="provider-getProviderList.do">供应商管理</a></li>
					<li><a href="user-getUserList.do">用户管理</a></li>
					<li><a href="user-updatePwd.do?opr=show">密码修改</a></li>
					<li><a href="user-login.do?opr=show">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<div class="location">
				<strong>你现在所在的位置是:</strong> <span>供应商管理</span>
			</div>
			<div class="search">
				<form action="provider-getProviderList.do" method="post" id="form1">
					<span>供应商名称：</span> <input type="text" placeholder="请输入供应商的名称"
						name="proName" value="${proName }" /> <input type="button"
						value="查询" onclick="javascript:document.forms['form1'].submit()" />
					<a href="provider-addProvider.do?opr=show">添加供应商</a>
				</form>
			</div>
			<!--供应商操作表格-->
			<table class="providerTable" cellpadding="0" cellspacing="0">
				<tr class="firstTr">
					<th width="10%">供应商编码</th>
					<th width="20%">供应商名称</th>
					<th width="10%">联系人</th>
					<th width="10%">联系电话</th>
					<th width="10%">传真</th>
					<th width="10%">创建时间</th>
					<th width="30%">操作</th>
				</tr>
				<c:forEach items="${page.rows }" var="p">
					<tr>
						<td>${p.proCode }</td>
						<td>${p.proName }</td>
						<td>${p.proContact }</td>
						<td>${p.proPhone }</td>
						<td>${p.proFax }</td>
						<td><f:formatDate value="${p.creationDate}"
								pattern="yyyy-MM-dd HH:mm:ss" /></td>
						<td><a
							href="provider-getProviderById.do?providerId=${p.id}&opr=View"><img
								src="img/read.png" alt="查看" title="查看" /></a> <a
							href="provider-getProviderById.do?providerId=${p.id}&opr=Update"><img
								src="img/xiugai.png" alt="修改" title="修改" /></a> <a href="#"
							class="removeProvider" id=${p.id}><img src="img/schu.png"
								alt="删除" title="删除" /></a></td>
					</tr>
				</c:forEach>
			</table>
			<p align="right" class="pages">
				<a href="provider-getProviderList.do?currentPage=1&proName=${proName }">首页</a>
				<c:if test="${page.currentPage>1}">
				&#160;&#160;&#160;&#160;
				<a href="provider-getProviderList.do?currentPage=${page.currentPage-1}&proName=${proName }">上一页</a>
				</c:if>
				<c:if test="${page.currentPage<page.totalPage}">
				&#160;&#160;&#160;&#160;
				<a href="provider-getProviderList.do?currentPage=${page.currentPage+1}&proName=${proName }">下一页</a>
				</c:if>
				<c:if test="${page.totalPage>0}">
				&#160;&#160;&#160;&#160; 
				<a href="provider-getProviderList.do?currentPage=${page.totalPage}&proName=${proName }">尾页</a>
				</c:if>
				<c:if test="${page.totalPage>0}">
				&#160;&#160;&#160;&#160;
				<span>当前页数:[${page.currentPage}/${page.totalPage} ]</span>
				</c:if>
			</p>
		</div>
	</section>

	<!--点击删除按钮后弹出的页面-->
	<div class="zhezhao"></div>
	<div class="remove" id="removeProv">
		<div class="removerChid">
			<h2>提示</h2>
			<div class="removeMain">
				<p>你确定要删除该供应商吗？</p>
				<a href="#" id="yes">确定</a> <a href="#" id="no">取消</a>
			</div>
		</div>
	</div>


	<footer class="footer"> 版权归北大青鸟 </footer>

	<script src="js/jquery.js"></script>
	<script src="js/js.js"></script>
	<script src="js/time.js"></script>

</body>
</html>